<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>HTML</title>
    <link href="style/bootstrap.css" rel="stylesheet">
    <link href="style/main.css" rel="stylesheet">
  </head>

  <body>

    <div class="container">
    <!-- 导航 -->
      <div class="masthead">
       
        <nav>
          <ul class="nav nav-justified">
             <li><a href="index.html">HOME</a></li>
            <li  class="active"><a href="index_html.html">HTML</a></li>
            <li><a href="index_css.html">CSS</a></li>
            <li><a href="index_javascript.html">JavaScript</a></li>
            <li><a href="index_bootstrap.html">Bootstrap</a></li>
            <li><a href="index_jquery.html">jQuery API</a></li>
            <li><a href="index_other.html">Other</a></li>
          </ul>
        </nav>
      </div>

      <div class="jumbotron">
        <h1>HTML</h1>
        <p class="lead"><a href="http://baike.baidu.com/link?url=YPcGz5kC3YzusKJCi_bo83a1oQYvlK-y-nNJprlQhC-07-W9McGYCAlA2uHfSYxs3SdPHdntzSQGI1mWv0nJnMSnJWK44gG_AISUbMRxmoBfKwWKmtqZpuxpcXE86NpU1AzB59nMH_Qc9Kr4S4H6CSoCfTNsIjc4WF67GAxiTg_Vbce-RSqFOlTiqdkI-XlOkLhWL7nS85-0MCIQz4k5B_">超文本标记语言</a>，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。</p>
        
      </div>
      <div class="row">
          <!-- 导航菜单 -->
          <div class="col-md-3">
           <ul class="nav nav-pills nav-stacked">
             <li class="active"><a href="index_html.html">HTML 简介</a></li>
             <li><a href="index_html_1.html">HTML 元素</a></li>
          </ul>
        </div>
        <div class="col-md-9" >
          <div>
            <h2>实例</h2>
                <pre>&lt;html&gt;
&lt;body&gt;
&lt;h1&gt;My First Heading&lt;/h1&gt;
&lt;p&gt;My first paragraph.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
                </pre>
          </div>

          <div>
            <h2>什么是 HTML？</h2>
            <p>HTML 是用来描述网页的一种语言。</p>
            <ul>
                <li>HTML 指的是超文本标记语言 (<b>H</b>yper <b>T</b>ext <b>M</b>arkup <b>L</b>anguage)</li>
                <li>HTML 不是一种编程语言，而是一种<em>标记语言</em> (markup language)</li>
                <li>标记语言是一套<em>标记标签</em> (markup tag)</li>
                <li>HTML 使用<em>标记标签</em>来描述网页</li>
            </ul>
          </div>


          <div>
              <h2>HTML 标签</h2>
              <p>HTML 标记标签通常被称为 HTML 标签 (HTML tag)。</p>
              <ul>
                  <li>HTML 标签是由<em>尖括号</em>包围的关键词，比如 &lt;html&gt;</li>
                  <li>HTML 标签通常是<em>成对出现</em>的，比如 &lt;b&gt; 和 &lt;/b&gt;</li>
                  <li>标签对中的第一个标签是<em>开始标签</em>，第二个标签是<em>结束标签</em></li>
                  <li>开始和结束标签也被称为<em>开放标签</em>和<em>闭合标签</em></li>
              </ul>
          </div>


          <div>
              <h2>HTML 文档 = 网页</h2>
              <ul>
                  <li>HTML 文档<em>描述网页</em></li>
                  <li>HTML 文档<em>包含 HTML 标签</em>和纯文本</li>
                  <li>HTML 文档也被称为<em>网页</em></li>
              </ul>
              <p>Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：</p>
              <pre>&lt;html&gt;
&lt;body&gt;
&lt;h1&gt;My First Heading&lt;/h1&gt;
&lt;p&gt;My first paragraph.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
              </pre>
              <h3>例子解释</h3>
              <ul>
                  <li>&lt;html&gt; 与 &lt;/html&gt; 之间的文本描述网页</li>
                  <li>&lt;body&gt; 与 &lt;/body&gt; 之间的文本是可见的页面内容</li>
                  <li>&lt;h1&gt; 与 &lt;/h1&gt; 之间的文本被显示为标题</li>
                  <li>&lt;p&gt; 与 &lt;/p&gt; 之间的文本被显示为段落</li>
              </ul>
          </div>
        </div>
      </div>
      <footer class="footer">
        
      </footer>
    </div>
  </body>
</html>
